import 'package:flutter_vant/main.dart';

class MainStyle {
  static const main = {
    CssRule.display: 'flex',
    CssRule.flexDirection: 'column',
    CssRule.fontSize: 14,
    CssRule.padding: 40,
    CssRule.backgroundColor: 'white',
    CssRule.width: 360,
    CssRule.height: double.infinity,
    CssRule.overflowY: 'scroll',
    CssRule.scrollBar: false
  };
  static const desc = {
    CssRule.marginBottom: 25,
    CssRule.color: 'black',
    CssRule.fontSize: 20
  };
  static const title = {
    CssRule.fontSize: 14,
    CssRule.color: 'rgba(69, 90, 100, 0.6)',
    CssRule.marginLeft: 15,
    // CssRule.marginBottom: 15,
    CssRule.marginTop: 15,
  };
  static const list = {
    CssRule.flexDirection: 'column',
  };
  static const group = {
    CssRule.flexDirection: 'column',
    CssRule.fontSize: 15,
  };
}

class MainButtonStyle {
  static button(bool isHover) {
    return {
      CssRule.height: 40,
      CssRule.borderRadius: 20,
      CssRule.backgroundColor: isHover ? '#eef0f4' : 'rgb(247, 248, 250)',
      CssRule.alignItems: 'center',
      CssRule.justifyContent: 'space-between',
      CssRule.fontSize: 12,
      CssRule.display: 'flex',
      CssRule.paddingLeft: 15,
      CssRule.paddingRight: 15,
      CssRule.width: double.infinity,
      CssRule.marginTop: 15,
      CssRule.flexDirection: 'row'
    };
  }

  static const buttonName = {CssRule.fontSize: 14, CssRule.fontFamily: '微软雅黑'};
}
